@import url('../index.less');

.box{
    width: 100vw;
    height: 100vh;
    background: url('../../assets/images/datascreen/bg.png') no-repeat;
    background-size: cover;
    .container{
        width: 1920px;
        height: 1080px;
        position: fixed;
        background-color: rgba(0, 0, 0, 0.5);
        left: 50%;
        top: 50%;
        transform-origin: left top;
        .top{
            width: 100%;
            height: 40px;
        }
        .bottom{
            width: 100%;
            height: 100%;
            display: flex;
            .bottom-left{
                flex:1;
                flex-direction: column;
                .tourist{
                    flex:1.5;
                }
                .sex{
                    flex:1;
                }
                .age{
                    flex:1;
                }
            }
            .bottom-middle{
                flex:2;
            }
            .bottom-right{
                flex:1;
            }
        }
    }
}